<div *ngIf="ssoLogin" class="login_out bg-login">
  <div class="sword">
    <span></span>
    <span></span>
    <span></span>
  </div>
  <div class="tips">
    系统加载中...
  </div>
</div>
<div class="login_out" *ngIf="!ssoLogin">
  <div class="login-body">
    <div class="login_form">
      <div class="h100 w100" style="position: relative">
        <div class="login_form_top">
          <!--<div class="login_title">-->
            <!--<div style="width: 100%;height: 50%;text-align: center;margin-bottom: 5%;">-->
              <!--<img style="width: 65%;height: 100%" [src]="loginImage1">-->
            <!--</div>-->
            <!--<div style="text-align: center">-->
              <!--<span class="font-logo">{{loginName}}</span>-->
            <!--</div>-->
          <!--</div>-->
          <!--装备分院-->
          <div style="height: 100%;width: 100%;position: relative">
            <div style="text-align: center;position: absolute;left: 0;right: 0;bottom: 0;top: 20%;margin: auto;height: 60px">
              <span class="font-logo">{{loginName}}</span>
            </div>
          </div>
        </div>
        <div class="w100 loginDwonDiv">
          <form nz-form [formGroup]="validateForm">
            <nz-form-item>
              <nz-form-label [nzSm]="6" [nzXs]="24" style="font-weight: bold;">用户名</nz-form-label>
              <nz-form-control [nzSm]="14" [nzXs]="24">
                <input type="text" [(ngModel)]="user.username" nz-input formControlName="username"
                       placeholder="请输入工号/学号" (keyup)="onKeys($event)">
                <nz-form-explain *ngIf="validateForm.get('username')?.dirty && validateForm.get('username')?.errors">
                  请输入工号/学号
                </nz-form-explain>
              </nz-form-control>
            </nz-form-item>
            <nz-form-item>
              <nz-form-label [nzSm]="6" [nzXs]="24" style="font-weight: bold;">密&nbsp;&nbsp;码
              </nz-form-label>
              <nz-form-control [nzSm]="14" [nzXs]="24">
                <input type="password" [(ngModel)]="user.password" nz-input formControlName="password"
                       placeholder="请输入密码" (keyup)="onKeys($event)">
                <nz-form-explain *ngIf="validateForm.get('password')?.dirty && validateForm.get('password')?.errors">
                  请输入密码!
                </nz-form-explain>
              </nz-form-control>
            </nz-form-item>
            <nz-form-item>
              <nz-form-label [nzSm]="6" [nzXs]="6" style="font-weight: bold;">验证码</nz-form-label>
              <nz-form-control [nzSm]="9" [nzXs]="9">
                <input min="0" maxlength='4' nz-input [(ngModel)]="user.code" formControlName="code" placeholder="验证码"
                       (keyup)="onKeys($event)">
                <nz-form-explain *ngIf="validateForm.get('code').dirty && validateForm.get('code').errors">
                  验证码必填!
                </nz-form-explain>
              </nz-form-control>
              <div class="verifyClass" (click)="createPatch()" title="验证码有效时长为60秒">
                <img src="{{this.randomImg}}" alt="验证码">
              </div>
            </nz-form-item>
            <nz-form-item>
              <nz-form-label [nzSm]="6" [nzXs]="24" style="font-weight: bold;">登录系统</nz-form-label>
              <nz-form-control [nzSm]="14" [nzXs]="24">
                <nz-select [(ngModel)]="user.systemName" class="w100" formControlName="systemName" nzPlaceHolder="请选择登录系统">
                  <nz-option *ngFor="let item of systemNameList;" [nzValue]="item.value" [nzLabel]="item.name"></nz-option>
                </nz-select>
              </nz-form-control>
            </nz-form-item>
          </form>
        </div>
        <div class="login_button_div">
          <button class="login-button" [disabled]="!validateForm.valid" (click)="loginIN()">登&nbsp;&nbsp;录</button>
          <!--              <button class="login-button m-l-lm" (click)="resetLogin()">重&nbsp;&nbsp;置</button>-->
        </div>
        <div style="margin-top: -20px;padding: 0 17% 0 20%;">
          <label nz-checkbox [(ngModel)]="checked" (ngModelChange)="remmenberPaa($event)">记住密码</label>
          <label class="forgetSty">忘记密码?</label>
        </div>
      </div>
    </div>
  </div>
</div>
